<template>
  <div>
    <ul class="g-flex">

      <li class="g-login">底部</li>
    </ul>
<!--    <van-row>-->
<!--      <a href="javascript:void(0)" @click="$router.push('/')">-->
<!--        <van-col class="link" span="8">-->
<!--          home-->
<!--        </van-col>-->
<!--      </a>-->
<!--      <a href="javascript:void(0)" @click="$router.push('/item')">-->
<!--        <van-col class="link" span="8">-->
<!--          item-->
<!--        </van-col>-->
<!--      </a>-->
<!--      <a href="javascript:void(0)" @click="$router.push('/score')">-->
<!--        <van-col class="link" span="8">-->
<!--          score-->
<!--        </van-col>-->
<!--      </a>-->
<!--    </van-row>-->
<!--    <router-view/>-->
  </div>
</template>

<script>
export default {
  name: "Footer"
}
</script>

<style scoped>
.link{
  background: transparent;
  text-align: center;
}
.g-flex {
  flex: 1 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 50px 0;

}
li {
  margin: auto;
}
li:first-child {
  margin-left: 0;
}
.g-login {
  margin-left: auto;
}

</style>
